<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

	<xsl:param name="baseUrl"/>
  <xsl:param name="baseImageUrl" />
	<xsl:param name="imagePath"/>

	<xsl:template match="/">
    <div id="folders">
      <xsl:apply-templates select="//folder[@path=$imagePath]"></xsl:apply-templates>
    </div>
    <xsl:apply-templates select="//image[@path=$imagePath]"></xsl:apply-templates>
	</xsl:template>

  <xsl:template match="folder">
    
    <xsl:element name="a">
      <xsl:attribute name="href">javascript:void(0);</xsl:attribute>
      <xsl:attribute name="title">
        <xsl:value-of select="text()"/>
      </xsl:attribute>
      <xsl:attribute name="class">folder</xsl:attribute>
      <xsl:attribute name="onclick">onChangeFolder('<xsl:value-of select="@url"/>/');</xsl:attribute>
      <xsl:value-of select="text()"/>
    </xsl:element>
  </xsl:template>

	<xsl:template match="image">
		<xsl:element name="a">
			<xsl:attribute name="title"><xsl:value-of select="@title"/></xsl:attribute>
      <xsl:attribute name="href">#preview</xsl:attribute>
			<xsl:attribute name="class">imagecontainer</xsl:attribute>
			<xsl:attribute name="onclick">select('<xsl:value-of select="string($imagePath)"/><xsl:value-of select="string(text())"/>', <xsl:value-of select="number(@width)"/>, <xsl:value-of select="number(@height)"/>);</xsl:attribute>
			<xsl:element name="img">
				<xsl:attribute name="src">/services/thumbnail.aspx?method=restricttosize&amp;sx=100&amp;sy=100&amp;i=<xsl:value-of select="string($baseUrl)"/><xsl:value-of select="string(@url)"/>
				</xsl:attribute>
				<xsl:attribute name="border">0</xsl:attribute>
			</xsl:element>
			<xsl:element name="div">
        <xsl:attribute name="class">imageLabel</xsl:attribute>
        <xsl:value-of select="@fileName"/>
			</xsl:element>
		</xsl:element>
	</xsl:template>
	
</xsl:stylesheet> 

